@font-face {
font-family: "barlow";
src: url("/FONT/BarlowLight.woff") format("woff"),
		   url("/FONT/BarlowLight.woff") format("woff");
}
@font-face {
font-family: "stix";
src: url("/FONT/stixgeneralbold.woff") format("woff"),
			   url("/FONT/stixgeneralbold.woff") format("woff");
}
@font-face {
font-family: "dosis";
src: url("/FONT/DosisRegular.woff") format("woff"),
				url("/FONT/DosisRegular.woff") format("woff");
}
@font-face {
font-family: "dosisbold";
src: url("/FONT/DosisBold.woff") format("woff"),
					url("/FONT/DosisBold.woff") format("woff");
}
@font-face {
font-family: "cutivemono";
src: url("FONT/CutiveMonoRegular.woff") format("woff"),
					url("/FONT/CutiveMonoRegular.woff") format("woff");
}
@font-face {
font-family: "raleway";
src: url("/FONT/RalewayRegular.woff") format("woff"),
					url("/FONT/RalewayRegular.woff") format("woff");
}
@font-face {
font-family: "unna";
src: url("/FONT/UnnaRegular.woff") format("woff"),
					url("/FONT/UnnaRegular.woff") format("woff");
}
@font-face {
font-family: "helveticalt";
src: url("/FONT/HelveticaNeueLTStdLtCn.woff") format("woff"),
					url("/FONT/HelveticaNeueLTStdLtCn.woff") format("woff");
}
@font-face {
font-family: "helveticabd";
src: url("/FONT/HelveticaNeueLTStdBdCn.woff") format("woff"),
					url("/FONT/HelveticaNeueLTStdBdCn.woff") format("woff");
}
@font-face {
font-family: "muro";
src: url("/FONT/Muro.woff") format("woff"),
					url("/FONT/Muro.woff") format("woff");
}
@font-face {
font-family: "satisfy";
src: url("/FONT/SatisfyRegular.woff") format("woff"),
					url("/FONT/SatisfyRegular.woff") format("woff");
}
@font-face {
font-family: "philomene";
src: url("/FONT/ChauPhilomeneOneRegular.woff") format("woff"),
						url("/FONT/ChauPhilomeneOneRegular.woff") format("woff");
}
@font-face {
font-family: "badscript";
src: url("/FONT/BadScriptRegular.woff") format("woff"),
							url("/FONT/BadScriptRegular.woff") format("woff");
}
@font-face {
	font-family: "AdventPro";
	src: url("/FONT/AdventProMedium.woff") format("woff"),
								url("/FONT/AdventProMedium.woff") format("woff");
}
@font-face {
	font-family: "snowday";
	src: url("/FONT/The-Snowday.woff") format("woff"),
								url("/FONT/The-Snowday.woff") format("woff");
}
@font-face {
	font-family: "qanelas";
	src: url("/FONT/FontsQanelas-Regular.woff") format("woff"),
								url("/FONT/FontsQanelas-Regular.woff") format("woff");
}
@font-face {
font-family: "icomoon";
src:  url("/FONT/icomoon.ttf");
src:  url('/FONT/icomoon.ttf') format('embedded-opentype'),
	  url('/FONT/icomoon.ttf') format('truetype'),
	  url('/FONT/icomoon.woff') format('woff'),
	  url('/FONT/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "fleche";
src:  url("/FONT/fleche.ttf");
src:  url('/FONT/fleche.ttf') format('embedded-opentype'),
url('/FONT/fleche.ttf') format('truetype'),
url('/FONT/fleche.woff') format('woff'),
url('/FONT/fleche.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
#menu  {
position: fixed;
left: 9.5%;
top: 50px;
z-index: 1;
display: none;
list-style-type: none; 
font-size: 15px;
}
#menu-ancre {
position: fixed;
left: 5%;
top: 86.3vh;
z-index: 1;
display: flex;
list-style-type: none; 
text-align: center;
}
#menu-ancre a, .mentions {
color: #B8B8B8;
}
a {
color: black;
text-decoration: none;
font-family: "barlow";
font-size: 18px;
} 
#menu a {
background: linear-gradient(to top, transparent 10%, rgba(180, 179, 179, 0.397) 10.01%, rgba(180, 179, 179, 0.397) 100%, transparent 40.01%) no-repeat;
background-size: 0 100%;
transition: background-size .8s;
border-radius: 10px;
padding-right: 10px;
padding-left: 10px;
}
#menu a:hover {
background-size: 150% 150%;
}
li {
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
font-family: "barlow";
}
h1 {
font-family: "snowday";
font-size: 11em;
mix-blend-mode: color-burn;
}
p {
font-size: 1em;
font-family: "barlow";
color: black;
line-height: 23px;
}
.titre-dessous h1, .titre-dessous-2 h1 {
mix-blend-mode: color-burn;
}
.chiffre-ancre {
font-family: "snowday";
font-size: 35px;
color: #E8E8E8;
}
.slide {
width: 60vw;
height: 100vh;
position: relative;
}
.titre {
width: 65vw;
position: relative;
top: 150px;
left: 5vw;
}
.titre-dessus {
position: relative;
}
.titre-dessous, .titre-dessous-2 {
position: relative;
top: -65x;
left: 7vw;
}
.paragraphe-intro {
position: relative;
top: -190px;
width: 410px;
}
.bouton1 {
display: block;
text-align: center;
width: 270px;
}
.bouton2 {
display: none;
color: white;
text-align: center;
width: 270px;
}
.btn-accueil-3 {
display: none;
}
.btn-accueil .bouton2 a, .btn-accueil-2 .bouton2 a, .btn-accueil-3 .bouton2 a, .btn-accueil-4 .bouton2 a {
height: 22px;
}
.btn-accueil:hover .bouton2, .btn-accueil-2:hover .bouton2, .btn-accueil-4:hover .bouton2, .btn-accueil-3:hover .bouton2  {
display: block;
text-align: center;
}
.btn-accueil:hover .bouton1, .btn-accueil-2:hover .bouton1, .btn-accueil-3:hover .bouton1, .btn-accueil-4:hover .bouton1 {
display: none;
transition-duration: 4s;
}
/*.btn-intro {
position: relative;
border-style: solid;
border-width: 1px;
border-color: black;
width: 230px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 50px;
padding-right: 50px;
top: -150px;
background: linear-gradient(to top, transparent 0%, black 10%, black 100%, transparent 40%) no-repeat;
background-size: 0 100%;
transition: background-size .8s;
display: none;
}*/
.btn-accueil, .btn-accueil-2, .btn-accueil-3, .btn-accueil-4 {
position: relative;
border-style: solid;
border-width: 1px;
border-color: black;
top: -15vh;
padding: 10px 50px; 
width: 270px;
display: flex;
}
.btn-accueil {
background: linear-gradient(to top, transparent 0%, #5A85E1 10%, #5A85E1 100%, transparent 40%) no-repeat;
background-size: 0 100%;
transition: background-size .8s;
}
.btn-accueil-2 {
background: linear-gradient(to top, transparent 0%, #F78892 10%, #F78892 100%, transparent 40%) no-repeat;
background-size: 0 100%;
transition: background-size .8s;
}
.btn-accueil-3 {
background: linear-gradient(to top, transparent 0%, #FFA467 10%, #FFA467 100%, transparent 40%) no-repeat;
background-size: 0 100%;
transition: background-size .8s;
}
.btn-accueil-4 {
background: linear-gradient(to top, transparent 0%, #A1A2F4 10%, #A1A2F4 100%, transparent 40%) no-repeat;
background-size: 0 100%;
transition: background-size .8s;
}
.btn-accueil:hover, .btn-accueil-2:hover, .btn-accueil-3:hover, .btn-accueil-4:hover {
background-size: 150% 150%;
box-shadow: 5px 5px 5px rgba(70, 69, 69, 0.315);
}
/*.btn-intro:hover .btn-intro-projet, .btn-rubrique-web:hover .btn-intro-projet, .btn-rubrique-infog:hover .btn-intro-projet, .btn-rubrique-social:hover .btn-intro-projet, .btn-rubrique-photo:hover, .btn-intro-projet, .bouton2:hover .bouton1 { 
display: none;
transition-duration: 4s;
}
.btn-intro:hover .btn-contact-intro, .btn-rubrique-infog:hover .btn-contact-intro, .btn-rubrique-social:hover .btn-contact-intro, .btn-rubrique-photo:hover .btn-contact-intro {
display: block;
font-size: 16px;
}
.btn-contact-intro {
display: none;
}
.btn-contact-intro {
width: 270px;
font-weight: 800;
font-size: 23px;
text-align: center;
color: red;
}
.btn-intro a, .btn-rubrique-web a, .btn-rubrique-infog a, .btn-rubrique-social a, .btn-rubrique-photo a {
font-weight: 400;
font-size: 23px;
display: block;
text-align: center;
}*/
.wrapper {
display: flex;
flex-direction: row;
width: 495vw;
transform: rotate(90deg) translateY(-100vh);
transform-origin: top left;
background-image: linear-gradient(transparent 23px, rgba(220,220,220) 24px, transparent 24px);
background-size: 100% 24px;
}
.font-blue {
color: #6D95EB;
}
.font-pink {
color: #F78892;
}
.font-beige {
color: #E6DCD2;
}
.font-yellow {
color: #F2E332;
}
.font-memoire {
color:	#C6DE17;
}
.font-domo {
color:	#009bb2;
}
.font-bleu-imprevu {
color : #F28F4B;
}
/*.one {
background: #030303;
}*/
.two {
background: #6D95EB;
}
.three {
background: #F78892;
}
.four {
background: #FFA467;
}
.five {
background: #A1A2F4;
}
.six {
background: #E6DCD2;
}
.yellow-2 {
background: #F2E332;
}
.slide-one-bleu {
background: #6D95EB;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: darken;
}
.slide-one-rose {
background: #F78892;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-orange {
background: #FFA467;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-violet {
background: #A1A2F4;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-beige {
background: #E6DCD2;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-bleu-imprevu {
background: #F28F4B;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-yellow {
background: #F2E332;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-memoire {
background: #C6DE17;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.slide-one-domo {
background: #009bb2;
width: 15vw;
height: 100vh;
margin-left: -5vw;
mix-blend-mode: multiply;
}
.outer-wrapper {
width: 100vh;
height: 100vw;
transform: rotate(-90deg) translateX(-100vh);
transform-origin: top left;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
scrollbar-width: none;
}
.outer-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
}
::-webkit-scrollbar {
  display:none;
}
.img-intro {
width: 80%;
top: 20vh;
position: absolute;
left: -35%;
}
.img-presentation {
width: 50%;
top: 9.5vh;
position: absolute;
left: 10%;
}
.img-infog {
width: 100%;
position: relative;
}
.img-web {
width: 100%;
position: relative;
left: -15%;
top: 10%;
}
.img-social {
width: 90%;
position: relative;
top: 25%;
}
.img-photo {
width: 100%;
position: relative;
}
.titre-slide-one {
color: black;
opacity: 60%;
}
.titre-slide-two {
color: #5A85E1;
opacity: 50%;
}
.titre-slide-one-dessous {
color: #303030;
}
.titre-slide-two-dessous {
color: #5A85E1;
}
.titre-slide-three {
color: #F78892;
opacity: 40%;
}
.titre-slide-three-dessous {
color: #F78892;
}
.titre-slide-four {
color: #F18E4B;
opacity: 32%;
}
.titre-slide-four-dessous {
color: #F18E4B;
}
.titre-slide-five {
color: #A091D3;
opacity: 32%;
}
.titre-slide-five-dessous {
color: #A091D3;
}
#menu-burger, #menu-int {
display: none;
}
.photo:hover {
color: #A091D3;
}
.infographie:hover {
color: #F78892;
}
.social:hover {
color: #F18E4B;
}
.webdesign:hover {
color: #5A85E1;
}
.intro:hover{
color: black;
font-weight: bold;
}
/*.contour:hover {
border-style: solid;
border-width: 1px;
border-color: black;
width: 70px;
height: 70px;
position: relative;
box-shadow: 5px 5px 5px rgba(70, 69, 69, 0.315);
background: white;
}
.contour-2:hover {
border-style: solid;
border-width: 1px;
border-color: black;
width: 110px;
height: 70px;
position: relative;
box-shadow: 5px 5px 5px rgba(70, 69, 69, 0.315);
background: white;
}
.contour-3:hover {
border-style: solid;
border-width: 1px;
border-color: black;
width: 120px;
height: 70px;
position: relative;
box-shadow: 5px 5px 5px rgba(70, 69, 69, 0.315);
background: white;
}*/
.noir:hover {
color: black;
font-family: "barlow";
font-size: 17px;
}
.bleu:hover {
color: #5A85E1;
font-family: "barlow";
font-size: 17px;
}
.rose:hover {
color: #F78892;
font-family: "barlow";
font-size: 17px;
}
.oranges:hover {
color: #F18E4B;
font-family: "barlow";
font-size: 17px;
}
.violet:hover {
color: #A091D3;
font-family: "barlow";
font-size: 17px;
}
.noir, .violet, .oranges, .rose, .bleu {
color:#B8B8B8;
font-family: "barlow";
font-size: 17px;
}
/*.btn-contact-intro p {
display: block;
text-align: center;
margin: 0 auto;
}*/
p.color-festival {
background-color:#EBEBEB;
width: 123px !important;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 10px;
border-radius: 10px;
}
p.typo {
background-color:#EBEBEB;
width: 155px !important;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 10px;
border-radius: 10px;
margin-top: 29px;
}
#logo img {
position: fixed;
left: 40px;
top: 29px;
z-index: 1;
display: flex;
width: 50px;
height: 50px;
}
.body {
margin-top: 9%;
margin-left: 5%;
margin-bottom: 5%;
width: 50%;
}
h2 {
font-size: 1.4em;
font-family: "barlow";
line-height: 84px;
}
h3 {
font-size: 1.1em;
font-family: "barlow";
line-height: 55px;
}
.body li {
line-height: 24px;
}
.mentions {
position: fixed;
right: 5%;
top: 93.5vh;
z-index: 1;
display: flex;
text-align: center;
}
.mentions-mobile {
position: absolute;
bottom: 20px;
left: 35%;
}
.mentions-mobile a {
font-size: 13px;
color: grey;
}
/************ PAGE WEBDESIGN ************************/

.titre-slide-web-dessous h1 {
font-size: 75px;
opacity: 50%;
margin-top: 100px;
position: relative;
left: -4vw;
margin-bottom: -177px;
}
.paragraphe-web p {
position: relative;
width: 460px;
list-style-type: circle;
}
.paragraphe-web li {
font-size: 1em;
font-family: "barlow";
color: black;
line-height: 24px;
position: relative;
width: 460px;
}
.img-webdesign {
width: 120%;
position: relative;
left: -30%;
}
.img-tadam {
width: 160%;
position: relative;
left: -50%;
top: -20%;
}
.img-limprevu {
width: 70%;
position: relative;
left: -10%;
top: 20%;
}
.img-nukon {
width: 110%;
position: relative;
left: -20%;
top: 20%;
}
.img-domo {
width: 90%;
position: relative;
left: -20%;
top: 20%;
}
.img-tadam-2 {
width: 75%;
position: relative;
left: -25%;
box-shadow: inset 0 0 0em rgba(184, 182, 182, 0.055), 0 0 2em #292929;
top: 15%;
}
.img-limprevu-2 {
width: 70%;
position: relative;
left: -15%;
top: 40%;
}
.img-tadam-3 {
width: 140%;
position: relative;
left: -40%;
top: 0%;
}
.wrapper-webdesign {
display: flex;
flex-direction: row;
width: 1250vw;
transform: rotate(90deg) translateY(-100vh);
transform-origin: top left;
}
.wrapper-print {
display: flex;
flex-direction: row;
width: 1500vw;
transform: rotate(90deg) translateY(-100vh);
transform-origin: top left;
}
.sous-titre {
width: 65vw;
position: relative;
top: 175px;
left: 5vw;
}
.sous-titre-dessus {
position: relative;
}
.sous-titre-dessous {
position: relative;
left: 3vw;
}
.sous-titre-dessous h1, .sous-titre h1 {
mix-blend-mode: color-burn;
font-size: 65px;
font-family: "snowday";
}
.sous-titre-slide-two-dessous {
opacity: 50%;
margin-top: -35px;
mix-blend-mode: color-burn;
}
.intentions {
margin-bottom: 30px;
}
.code-couleur p {
margin-left: -10px;
}
.circle {
width: 40px;
border-radius: 50%;
height: 40px;
margin-right: 50px;
}
.blue {
background-color: #6C9AFC;
}
.pink {
background-color: #f2bfc0;
}
.yellow {
background-color: #fbe77e;
}
.green {
background-color: #8adcb1;
}
.beige {
background-color: #E6DCD2;
}
.pale {
background-color: #E8F0F4;
}
.black {
background-color: #1C1E1C;
}
.black-2 {
background-color: #000000;
}
.grey {
background-color: #333333;
}
.bleu-imprevu {
background-color: #51C4DC;
}
.orange-imprevu {
background-color: #F28F4B;
}
.blanc {
background-color: #FFFFFF;
border: solid;
border: 1px;
border-style: solid;
border-color: #3333;
}
.color {
display: flex;
width: 500px;
margin-top: 37px;
}
.code-couleur {
margin-top: 59px;
text-align: center;
position: relative;
}
.img-unique-2 {
width: 85%;
position: relative;
left: -15%;
box-shadow: inset 0 0 0em rgba(184, 182, 182, 0.055), 0 0 2em #292929;
top: 20%;
}
.img-unique-3 {
width: 150%;
position: relative;
left: -60%;
top: -15%;
}
.img-unique-4 {
width: 150%;
position: relative;
left: -55%;
top: -10%;
}
.dosis-bold{
font-family: "dosisbold";
font-size: 23px;
border-top-style: solid;
border-width: 2px;
border-color: #6C9AFC;
margin-top: 22px;
margin-bottom: 10px;
padding-top: 10px;
}
.dosis {
font-family: "dosis";
font-size: 22px;
border-bottom-style: solid;
border-width: 2px;
border-color: #6C9AFC;
padding-bottom: 10px;
}
.unna {
font-family: "unna";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #E6DCD2;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.raleway {
font-family: "raleway";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #E6DCD2;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.cutive-mono {
font-family: "cutivemono";
font-size: 18px;
border-top-style: solid;
border-width: 2px;
border-color: #E6DCD2;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 15px;
}
.helvetica-bd {
font-family: "helveticabd";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #F2E332;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.helvetica-rg {
font-family: "helveticalt";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #F2E332;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.scroll {
width: 1050px;
height: 553px;
overflow: auto;
z-index: 1;
top: -725px;
position: relative;
scrollbar-width: none;
}
.img-maquette, .img-maquette-1, .img-maquette-2, .img-maquette-3, .img-maquette-tadam, .img-maquette-tadam-1, .img-maquette-tadam-2, .img-maquette-tadam-3 {
width: 880px;
position: relative;
left: 145px;
overflow: auto;
}
.img-maquette-nukon, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
height: 551px;
width: 880px;
left: 145px;
overflow: auto;
position: relative;
}
.img-maquette-1, .img-maquette-tadam-1, .img-maquette-nukon-1, .img-maquette-2, .img-maquette-tadam-2, .img-maquette-nukon-2, .img-maquette-3, .img-maquette-tadam-3, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
display: none;
}
.img-dessous {
top: 15%;
left: -21%;
position: relative;
}
.img-ordi {
width: 1200px;
}
.intentions-unique img {
width: 60px;
margin-right: 20px;
margin-top: 20px;
}
#button-1, #button-2, #button-3, #button-4, #button-tadam-1, #button-tadam-2, #button-tadam-3, #button-tadam-4 {
width: 20px;
height: 20px;
background-color: #E8E8E8;
position: relative;
border-radius: 10px;
z-index: 99999;
cursor: pointer;
position: absolute;
}
#button-nukon-1, #button-nukon-2, #button-nukon-3, #button-nukon-4, #button-nukon-5, #button-nukon-6, #button-nukon-7, #button-nukon-8, #button-nukon-9, #button-nukon-10 {
width: 20px;
height: 20px;
background-color: #E8E8E8;
position: absolute;
border-radius: 10px;
z-index: 99999;
cursor: pointer;
}
#button-1 {
top: 6%;
left: 39%;
}
#button-2 {
top: 38.6%;
left: 21%;
display: none;
}
#button-3 {
top: 37%;
left: 66%;
display: none;
}
#button-4 {
top: 5%;
left: 30%;
display: none;
}
#button-tadam-1 {
top: 8%;
left: 52%;
}
#button-nukon-1 {
top: 15%;
left: 90%;
}
#button-tadam-2 {
top: 108%;
left: 18%;
display: none;
}
#button-nukon-2 {
top: 23.5%;
left: 22.5%;
display: none;
}
#button-tadam-3 {
top: 280%;
left: 80%;
display: none;
}
#button-nukon-3 {
left: 55.5%;
top: 20.5%;
display: none;
}
#button-tadam-4 {
top: 8%;
left: 40%;
display: none;
}
#button-nukon-4 {
top: 62%;
left: 90.5%;
}
#button-nukon-5 {
top: 25.5%;
left: 90%;
}
#button-nukon-6 {
top: 82.5%;
left: 90.5%;
}
#button-nukon-8 {
top: 20.5%;
left: 61.8%;
display: none;
}
#button-nukon-9 {
top: 20.5%;
left: 61.4%;
display: none;
}
#button-nukon-10 {
top: 20.5%;
left: 88.8%;
display: none;
}
#button-nukon-7 {
top: 20.5%;
left: 77.2%;
display: none;
}
.seven {
background-color: #F2E332;
position: relative;
}
.height {
background: #F28F4B;
}
.pulse-button-1, .pulse-button-2, .pulse-button-3, .pulse-button-4,  .pulse-button-5, .pulse-button-6, .pulse-button-7, .pulse-button-8, .pulse-button-9, .pulse-button-10 {
position: relative;
width: 100px;
height: 100px;
border: none;
box-shadow: 0 0 0 0 rgba(228, 226, 226, 0.7);
border-radius: 50%;
background-color: #E8E8E8;
background-size:cover;
background-repeat: no-repeat;
cursor: pointer;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
cursor: pointer;
}
.pulse-button-1:hover, .pulse-button-2:hover, .pulse-button-3:hover, .pulse-button-4:hover, .pulse-button-5:hover, .pulse-button-6:hover, .pulse-button-7:hover, .pulse-button-8:hover, .pulse-button-10:hover {
-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}



/***** PAGE INFOGRAPHIE ********/
.img-festival {
width: 100%;
position: relative;
left: 0%;
top: -15%;
}
.nine {
background-color: #C6DE17;
}
.ten {
background-color: #009bb2;
}
.img-festival-1 {
width: 60%;
position: relative;
left: -25%;
top: 10%;
}
.muro {
font-family: "muro";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #F78892;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.satisfy {
font-family: "satisfy";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #F78892;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.philomene {
font-family: "philomene";
font-size: 18px;
border-top-style: solid;
border-width: 2px;
border-color: #F28F4B;
margin-top: 20px;
padding-top: 15px;
line-height: 1.4em;
}
.bad-script {
font-family: "badscript";
font-size: 18px;
border-top-style: solid;
border-width: 2px;
border-color: #F28F4B;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 15px;
line-height: 1.4em;
}
.dosis-imprevu {
font-family: "dosis";
font-size: 18px;
border-top-style: solid;
border-width: 2px;
border-color: #F28F4B;
padding-bottom: 10px;
padding-top: 10px;
line-height: 1.4em;
}
.AdventPro {
font-family: "AdventPro";
font-size: 18px;
border-top-style: solid;
border-width: 2px;
border-color: #C6DE17;
padding-bottom: 10px;
padding-top: 10px;
line-height: 1.4em;
}
.muro-memoire {
font-family: "muro";
font-size: 20px;
border-top-style: solid;
border-width: 2px;
border-color: #C6DE17;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
}
.qanelas {
font-family: "qanelas";
font-size: 18px;
border-top-style: solid;
border-bottom-style: solid;
border-width: 2px;
border-color: #009bb2;
margin-top: 29px;
line-height: 1.4em;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
.img-festival-2, .img-festival-3 {
width: 100%;
left: -40%;
position: relative;
}   
.code-couleur p {
width: 0px;
}
.rose-foncé {
background-color: #d35550;
}
.rose-clair {
background-color: #f9c6d2;
}
.vert-pastel {
background-color: #9fc1ba;
}
.rose-flashy {
background-color: #f72e3b;
}
.jaune-pastel {
background-color: #d0b927;
}
.vert-pomme {
background-color: #C6DE17;
}
.bleu-domo {
background-color: #009bb2;
}
.jaune-domo {
background-color: #cb9500;
}
.gris-domo {
background-color: #707070;
}
.img-limprevu-3 {
top: 20%;
left: -30%;
position: relative;
}
#slider {
position: relative;
width: 85%;
margin: auto;
display: flex;
align-items: center;
top: 5vw;
}
img#slide {
margin: 0 auto;
height: 86vh;
}
#precedent,
#suivant {
cursor: pointer;
transition: opacity 0.6s ease;
opacity: 1;
position: absolute;
font-size: 20px;
color: white;
background-color: #e0dadab8;
border-radius: 60px;
width: 40px;
height: 40px;
padding: 10px;
padding-left: 13px;
padding-top: 8px;
}	
#precedent {
left: 0;
}
#suivant {
right: 0;
padding-left: 15px;
}

#precedent:hover, #suivant:hover {
background-color: #ffffff;
color: black;
}

/***** PAGE PHOTOGRAPHIE ********/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .viewport {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
	background-color: white; 
  background-image: 
  linear-gradient(transparent 23px,
    rgba(220,220,200,.8) 24px, 
    transparent 24px);
  background-size: 100% 24px;
  }
  
  .parallax-parent {
    position: relative;
    top: 100vh;
    left: 0;
    width: 100vh;
    height: 100vw;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-perspective-origin: 50% 50% 0;
            perspective-origin: 50% 50% 0;
    -webkit-perspective: 3px;
            perspective: 3px;
  }
  
  .parallax-parent::-webkit-scrollbar {
    display: none;
  }
  
  .background-colors {
    position: relative;
    width: 100vh;
    height: 900vw;
    /*background: rgb(255, 252, 0);
  	background: linear-gradient(
    0deg,
    rgba(255, 252, 0, 1) 0%,
    rgba(255, 252, 0, 1) 25%,
    rgba(34, 149, 18, 1) 50%,
    rgba(255, 0, 0, 1) 100%
  );*/
}
  
  .parallax-child-container {
    position: absolute;
    width: 100vh;
    height: 100vw;
    text-align: center;
    overflow: hidden;
    z-index: 1;
  }
  
  .parallax-child-container:nth-of-type(1) {
    top: 0vw;
  }
  
  .parallax-child-container:nth-of-type(2) {
    top: 80vw;
  }
  
  .parallax-child-container:nth-of-type(3) {
    top: 162vw;
  }
  .parallax-child-container:nth-of-type(4) {
    top: 255vw;
  }
  .parallax-child-container:nth-of-type(5) {
    top: 340vw;
  }
  .parallax-child-container:nth-of-type(6) {
    top: 430vw;
  }
  .parallax-child-container:nth-of-type(7) {
    top: 520vw;
  }
  .parallax-child-container:nth-of-type(8) {
    top: 615vw;
  }
  .parallax-child-container:nth-of-type(9) {
    top: 715vw;
  }
  .parallax-child-container:nth-of-type(10) {
    top: 815vw;
  }
  .parallax-child-container:nth-of-type(11) {
    top: 915vw;
  }
  .parallax-child-container:nth-of-type(12) {
    top: 1015vw;
  }
  .parallax-child-container:nth-of-type(13) {
    top: 1115vw;
  }
  .parallax-child-container:nth-of-type(14) {
    top: 1215vw;
  }
  .parallax-child-container:nth-of-type(15) {
    top: 1315vw;
  }
  .parallax-child-container:nth-of-type(16) {
    top: 1415vw;
  }
  .parallax-child-container:nth-of-type(17) {
    top: 1515vw;
  }
  .parallax-child-container:nth-of-type(18) {
    top: 1615vw;
  }
  .parallax-child-container:nth-of-type(19) {
    top: 1715vw;
  }
  .parallax-child-container:nth-of-type(20) {
    top: 1815vw;
  }
  .parallax-child {
    position: relative;
    top: 0%;
    left: 100%;
    width: 100vw;
    padding: 0 30vw;
    -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
            transform: translateX(-50%) translateY(-50%) rotate(90deg);
  }
  
  .parallax-child h1 {
    font-size: 2.8em;
    font-family: "snowday";
   /* top: 290px;
    left: 570px;*/
	position: relative;
    /*color: rgb(228, 226, 226);*/
    -webkit-transition: color 1s ease-in-out, -webkit-transform 3s ease-in-out;
    transition: color 1s ease-in-out, -webkit-transform 3s ease-in-out;
    transition: transform 3s ease-in-out, color 1s ease-in-out;
    transition: transform 3s ease-in-out, color 1s ease-in-out, -webkit-transform 3s ease-in-out;
    cursor: pointer;
	z-index: 99999;
  }
  
 /* .parallax-child h1:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
    color: #A091D3;
  }*/
  
  .parallax-background {
    position: absolute;
    top: 0%;
    left: 89vw;
    width: 350VW;
    height: 100vh;
    -webkit-transform: translateX(-50%) translateY(180%) translateZ(-8px) scale(2.5) rotate(90deg);
            transform: translateX(-50%) translateY(180%) translateZ(-8px) scale(2.5) rotate(90deg);
    z-index: 0;
  }
  
  .parallax-background h1 {
    height: 100vh;
    line-height: 100vh;
    font-family: sans-serif;
    font-size: 6rem;
	width: 510vw;
    text-align: center;
    -webkit-text-stroke: 2px #ccc;
    -webkit-text-fill-color: transparent;
  }
.img-photo-1,  .img-photo-2, .img-photo-3, .img-photo-4, .img-photo-5, .img-photo-6, .img-photo-7, .img-photo-8, .img-photo-9, .img-photo-10, .img-photo-11, .img-photo-12, 
.img-photo-13, .img-photo-14, .img-photo-15,  .img-photo-15,  .img-photo-16,  .img-photo-17,  .img-photo-18,  .img-photo-19,  .img-photo-20, #title-1, #title-2, #title-3, #title-4, #title-5, #title-6, 
#title-7, #title-8, #title-9, #title-10, #title-11, #title-12, #title-13, #title-14, #title-15, #title-16, #title-17, #title-18, #title-19, #title-20 {
position: absolute;
}
.img-photo-1, .img-photo-2, .img-photo-3, .img-photo-4, .img-photo-5, .img-photo-6, .img-photo-7, .img-photo-8, .img-photo-9, .img-photo-10, .img-photo-11, .img-photo-12, .img-photo-13, .img-photo-14, 
.img-photo-15, .img-photo-16, .img-photo-17, .img-photo-18, .img-photo-19, .img-photo-20 {
width: 80%;
}
/*.img-photo-5, .img-photo-6, .img-photo-7, .img-photo-8, .img-photo-9, .img-photo-10, .img-photo-11 {
left: 1000px;
}*/
.img-photo-4 {
margin-top: 50px;
}
#title-1 {
color: #7574aa;
top: 22vh;
left: 93%;
width: 400px;
}
#title-2 {
left: 60%;
top: 65vh;
color: #bf6e1c;
}
#title-3 {
left: 80%;
top: 15vh;
color: #569DA4;
width: 400px;
}
#title-4 {
left: 98%;
top: 70vh;
color: #a05617;
width: 400px;
line-height: 0.8em;
}
#title-5 { 
left: 62%;
top: 80vh;
color: #3A2E2C;
}
#title-6 { 
left: 66%;
top: 80vh;
color: #987D59;
}
#title-7 { 
left: 100%;
top: 60vh;
width: 500px;
color: #987D59;
}
#title-8 { 
left: 100%;
top: 55vh;
width: 450px;
line-height: 0.8em;
color: #345C69;
}
#title-9 { 
left: 50%;
top: 62vh;
width: 430px;
line-height: 0.8em;
color: #BCCECD;
}
#title-10 { 
left: 120%;
top: 15vh;
width: 400px;
color: #465A42;
}
#title-11 { 
left: 90%;
top: 70vh;
width: 410px;
color: #60A1CA;
}
#title-12 { 
left: 80%;
top: 90vh;
color: #c79297;
}
#title-13 { 
left: 50%;
top: 70vh;
width: 410px;
color: #8eafc0;
}
#title-14 { 
left: 100%;
top: 70vh;
width: 410px;
color: #60A1CA;
}
#title-15 { 
left: 100%;
top: 70vh;
width: 410px;
color: #98a465;
}
#title-16 { 
left: 80%;
top: 30vh;
width: 410px;
color: #e1a56b;
}
#title-17 { 
left: 80%;
top: 16vh;
width: 410px;
color: #d8a0a4;
}
#title-18 { 
left: 60%;
top: 16vh;
width: 410px;
color: #d9ba9f;
}
#title-19 { 
left: 52%;
top: 70vh;
width: 464px;
color: #97c2c1;
}
#title-20 { 
left: 60%;
top: 6vh;
width: 410px;
color: #d8bb8f;
}
.img-limprevu-4 {
width: 100%;
}
#btnPopup-arbo, #btnPopup-plan {
cursor: pointer;
text-decoration: underline;
}
/*.btnPopup:hover{
background-color: rgb(192, 192, 192);
}*/
.overlay {
position: absolute;
left: 0px;
top: -90px;
background-color: rgba(0,0 ,0 , 0.8);
width: 130%;
height: 90%;
z-index:1;
display:none;
border-radius: 5px;
}

.popup {
width : 100%;
padding: 1em;
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}
.btnClose {
float: right;
font-size:16pt;
cursor: pointer;
color: white;
}
.img-plan {
width: 100%;
position: absolute;
top: 50px;
border-radius: 5px;
}
.img-arbo {
width: 100%;
position: absolute;
margin-top: 20%;
border-radius: 5px;
}
.div-plan {
position: relative;
}
.souligne {
text-decoration: underline;
}
#stabilo-bleu {
cursor: url("IMG/stabilo-bleu.png"), auto;
}
#stabilo-rose {
cursor: url("IMG/stabilo-rose.png"), auto;
}
#stabilo-orange {
cursor: url("IMG/stabilo-orange.png"), auto;
}
#stabilo-violet {
cursor: url("IMG/stabilo-violet.png"), auto;
}
/*.img-photo-1:hover, .img-photo-2:hover, .img-photo-3:hover, .img-photo-4:hover, .img-photo-5:hover, .img-photo-6:hover, .img-photo-7:hover, .img-photo-8:hover, .img-photo-9:hover, .img-photo-10:hover, .img-photo-11:hover, .img-photo-12:hover, .img-photo-13:hover, .img-photo-14:hover, .img-photo-15:hover  {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 2s;
}*/
/******************* MEDIA QUERIES ***************************/

@media (max-width:1024px) {

/* Menu burger */
#menu-burger {position:absolute; top:2.5em; right:6em; display:inline-block; cursor:pointer;}
#menu-burger .bar1,
#menu-burger .bar2,
#menu-burger .bar3 {width:30px; height:3px; background-color:#F1F1F1; margin:6px 0; transition:0.4s;}
#menu-burger:hover {opacity:.75; transition:.5s;}
#menu-burger.clicked .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px); transform:rotate(-45deg) translate(-9px, 6px);}
#menu-burger.clicked .bar2 {opacity: 0;}
#menu-burger.clicked .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px); transform:rotate(45deg) translate(-8px, -8px);}

#menu-burger {
z-index: 1;
}
#menu-int {
display: block;
}
#menu {
display: none;
}
/* Main menu (slide) */
#menu-int {position:fixed; z-index:9999; left:-25%; top:auto; background:white; padding-top: 7em; width:25%; min-height:100%; box-shadow:1px 1px 1px #3635353f;}
#menu-int ul li {list-style:none;}
#menu-int ul li a {display:block; color:black; text-decoration:none; font-weight:700; background:none; transition:background .5s; padding:1.2em; text-align:center; margin-bottom: 1em; box-shadow:1px 1px 0 #666}
#menu-int ul li a:hover {background:#2e2e2e; transition:background .5s;}

#menu-int.visible {animation:.5s slideRight ease-in forwards; transition-delay:0;}
#menu-int.invisible {animation:1s slideLeft ease-out forwards; transition-delay:0;}

/* Animations pour le menu slide */
@keyframes slideRight {
	from {left:-25%;}
	to {left:0%;}
}
@-webkit-keyframes slideRight {
	from {left:-25%;}
	to {left:0%;}
}
@keyframes slideLeft {
	from {left:0%;}
	to {left:-25%;}
}
@-webkit-keyframes slideLeft {
	from {left:0%;}
	to {left:-25%;}
}
	#menu-int {left:-130vw; width:590px;}
	#menu-burger.clicked {position:fixed;}
	/* Animations pour le menu slide */
	@keyframes slideRight {
		from {left:-50%;}
		to {left:0%;}
	}
	@-webkit-keyframes slideRight {
		from {left:-50%;}
		to {left:0%;}
	}
	@keyframes slideLeft {
		from {left:0%;}
		to {left:-120%;}
	}
	@-webkit-keyframes slideLeft {
		from {left:0%;}
		to {left:-120%;}
	}
}
@media (max-width:600px) {
	#menu-burger {top:1em; right:2em; z-index:9999;}
	#menu-int {left:-110vw; width:100%;}

	/* Animations pour le menu slide */
	@keyframes slideRight {
		from {left:-100%;}
		to {left:0%;}
	}
	@-webkit-keyframes slideRight {
		from {left:-100%;}
		to {left:0%;}
	}
	@keyframes slideLeft {
		from {left:0%;}
		to {left:-120%;}
	}
	@-webkit-keyframes slideLeft {
		from {left:0%;}
		to {left:-120%;}
	}
}
/*********** Desktop compris entre 1405px et 1680px ***************/
@media all and (min-width: 1405px) {
h1 {
font-size: 8em;
}	
.titre {
top: 120px;
}
.titre-dessous, .titre-dessous-2  {
top: -20px;
font-size: 10px;
margin-bottom: 162px;
}
.wrapper-webdesign, .wrapper-print {
background-image: linear-gradient(transparent 23px, rgba(220,220,220) 24px, transparent 24px);
background-size: 70% 24px;
}
.titre-dessus {
top: 40px;
}
#menu {
font-size: 15px;
}
p {
line-height: 24px;
}
.paragraphe-intro {
top: -150px;
}
/*.btn-intro a, .btn-rubrique-web a, .btn-rubrique-infog a, .btn-rubrique-social a, .btn-rubrique-photo a {
font-size: 18px;
display: block;
text-align: center;
}
.btn-intro, .btn-rubrique-web, .btn-rubrique-infog, .btn-rubrique-photo, .btn-rubrique-social {
top: -107px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}*/
.btn-accueil, .btn-accueil-2, .btn-accueil-3, .btn-accueil-4 {
top: -9.5vh;
}
.chiffre-ancre {
font-size: 2.8em;
}
a {
font-size: 15px;
}
.paragraphe-web li {
font-size: 1em;
}
.titre-slide-web-dessous h1 {
font-size: 58px;
margin-top: 70px;
top: -33px;
}
.sous-titre-slide-two-dessous {
margin-top: -33px;
}
.sous-titre {
top: 174px;
}
.intentions {
margin-bottom: 36px;
}
p.rupture {
margin-top: -10px;
}
.img-webdesign {
width: 110%;
left: -25%;
}
.img-tadam {
width: 140%;
top: -20%;
left: -30%;
}
.img-infog {
top: -10%;
}
.img-tadam-3 {
left: -30%;
}
.img-unique-3 {
width: 110%;
left: -45%;
top: -5%;
}
.img-dessous {
top: 20% !important;
}
.img-limprevu-3 {
width: 100%;
left: -30%;
top: 25%;
position: relative;
}
.dosis, .unna, .raleway, .cutive-mono, .helvetica-bd , .helvetica-rg, .muro, .satisfy, .philomene, .bad-script, .dosis-imprevu, .muro-memoire, .AdventPro {
font-size: 16px;
line-height: 1.5em;
}
.unna, .raleway, .cutive-mono, .helvetica-bd , .helvetica-rg, .muro, .satisfy {
padding-top: 10px;
margin-bottom: -10px;
}
.dosis-bold {
font-size: 18px;
}
.img-ordi {
width: 800px;
}
.img-maquette, .img-maquette-tadam,  .img-maquette-nukon {
left: 97px;
width: 586px;
}
.img-maquette-1, .img-maquette-2, .img-maquette-3, .img-maquette-4, .img-maquette-tadam-1, .img-maquette-tadam-2, .img-maquette-tadam-3, .img-maquette-tadam-4, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
left: 97px;
width: 586px;
}
.scroll {
width: 770px;
top: -485px;
height: 372px;
}
#button-1 {
left: 35%;
}
#button-tadam-1 {
left: 46%;
top: 6%;
}
#button-nukon-1 {
left: 82%;
top: 14%;
}
#button-nukon-2 {
left: 25.8%;
top: 15%;
}
#button-nukon-3 {
left: 49.2%;
top: 20.5%;
}
#button-nukon-5 {
left: 82%;
top: 24.3%;
}
#button-tadam-4 {
left: 36%;
top: 6%;
}
#button-nukon-4 {
left: 82.3%;
top: 61%;
}
#button-nukon-6 {
left: 82.3%;
top: 81.3%;
}
#button-nukon-9 {
top: 20.5%;
left: 55.5%;
}
#button-nukon-7 {
top: 20.5%;
left: 69.9%;
}
#button-nukon-10 {
top: 20.5%;
left: 80.2%;
}
#button-nukon-1, #button-nukon-2, #button-nukon-3, #button-nukon-5, #button-nukon-4, #button-nukon-6, #button-nukon-9, #button-nukon-7, #button-nukon-10 {
width: 15px;
height: 15px;
}
#button-4 {
left: 27%;
}
#button-tadam-2 {
left: 16%;
top: 106%;
}
#button-2 {
left: 18%;
top: 38%;
}
#button-tadam-3 {
top: 276%;
left: 72%;
}
#button-3 {
left: 62%;
top: 35%;
}
.intentions-unique img {
width: 50px;
}
.img-maquette-nukon, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
height: 367px;
width: 590px;
left: 95px;
overflow: auto;
position: relative;
}
.img-festival-2, .img-festival-3 {
left: -25%;
}
.img-mobil-tadam {
display: none;
}
.btn-fleche {
display: none;
}
.img-memoire, .img-memoire-2 {
position: absolute;
width: 75%;
bottom: 0px;
left: 0px;
}
.img-domo-1 {
width: 70%;
position: absolute;
bottom: 60px;
left: -30px;
}
.img-domo-2 {
width: 90%;
position: absolute;
bottom: 100px;
left: -180px;
}
.img-memoire-1 {
position: absolute;
width: 100%;
bottom: 0px;
}
.intentions-domo {
margin-bottom: -36px;
}
}
/*************** Desktop compris entre 1100px et 1405px ******************/
@media all and (min-width: 1100px) and (max-width: 1404px) {
h1 {
font-size: 5em;
}	
.titre {
top: 90px;
}
.wrapper-webdesign, .wrapper-print {
background-image: linear-gradient(transparent 23px, rgba(220,220,220) 24px, transparent 24px);
background-size: 70% 24px;
}
.titre-dessous, .titre-dessous-2  {
top: -12vh;
margin-bottom: 48px;
}
#menu {
font-size: 13px;
}
p {
line-height: 24px;
font-size: 0.9em !important;
}
.paragraphe-intro {
top: -20px;
}
.dessous-accueil {
top: -20px;
}
/*.btn-intro a, .btn-rubrique-web a, .btn-rubrique-infog a, .btn-rubrique-social a, .btn-rubrique-photo a {
font-size: 0.9em;
display: block;
text-align: center;
}*/
.titre-dessus {
top: 30px;
}
.btn-accueil, .btn-accueil-2, .btn-accueil-3, .btn-accueil-4 {
top: 2vh;
width: 200px;
}
/*.btn-intro, .btn-rubrique-web, .btn-rubrique-infog, .btn-rubrique-photo, .btn-rubrique-social {
top: 35px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}*/
.chiffre-ancre {
font-size: 2.4em;
}
a {
font-size: 13px;
}
.paragraphe-web li {
font-size: 0.9em;
}
.paragraphe-web p {
width: 450px;
}
.titre-slide-web-dessous h1 {
font-size: 45px;
margin-top: 90px;
left: 1vw;
margin-bottom: -100px;
}
.sous-titre-slide-two-dessous {
margin-top: -10px;
}
.sous-titre {
top: 120px;
}
.sous-titre h1 {
font-size: 40px;
}
.intentions {
margin-bottom: 42px;
}
.intentions-unique-2, .intentions-tadam-2, .intentions-nukon-2 {
margin-top: 5px;
}
li a {
font-size: 13px;
}
.img-webdesign, .img-tadam {
width: 110%;
left: -25%;
}
.img-infog {
position: absolute;
bottom: 70px;
}
.img-unique-3 {
width: 120%;
left: -40%;
top: -10%;
}
.img-tadam {
width: 130%;
top: -10%;
}
.img-tadam-3 {
width: 130%;
left: -20%;
top: 5%;
}
.img-limprevu-3 {
width: 100%;
left: -20%;
top: 25%;
position: relative;
}
.img-unique-2, .img-tadam-2 {
width: 80%;
left: -10%;
}
.dosis {
font-size: 17px;
}
.dosis-bold {
font-size: 19px;
}
.img-ordi {
width: 800px;
}
.img-limprevu-2 {
left: 15% !important;
}
.img-maquette, .img-maquette-tadam, .img-maquette-nukon{
left: 97px;
width: 586px;
}
.img-maquette-1, .img-maquette-2, .img-maquette-3, .img-maquette-4, .img-maquette-tadam-1, .img-maquette-tadam-2, .img-maquette-tadam-3, .img-maquette-tadam-4, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5  {
left: 97px;
width: 586px;
}
.scroll {
width: 770px;
top: -484px;
height: 370px;
}
#button-1 {
left: 35%;
}
#button-tadam-1	{
left: 47%;
}
#button-4  {
left: 27%;
}
#button-tadam-4 {
left: 36%;
}
#button-2 {
left: 18%;
top: 38%;
}
#button-tadam-2 {
left: 16%;
top: 106%;
}
#button-3 {
left: 62%;
top: 45%;
}
#button-tadam-3 {
left: 72%;
top: 280%;
}
#button-nukon-1 {
left: 82%;
top: 14%;
}
#button-nukon-2 {
left: 25.8%;
top: 15%;
}
#button-nukon-3 {
left: 49.2%;
top: 20.5%;
}
#button-nukon-5 {
left: 82%;
top: 24.3%;
}
#button-nukon-4 {
left: 82.3%;
top: 61%;
}
#button-nukon-6 {
left: 82.3%;
top: 81.3%;
}
#button-nukon-9 {
top: 20.5%;
left: 55.5%;
}
#button-nukon-7 {
top: 20.5%;
left: 69.9%;
}
#button-nukon-10 {
top: 20.5%;
left: 80.2%;
}
.intentions-unique img {
width: 40px;
}
.circle, .circle, .circle, .circle {
width: 40px;
height: 40px;
}
.code-couleur {
margin-top: 45px;
}
.code-couleur p {
margin-left: -10px;
width: 50px !important;
}
.unna, .raleway, .cutive-mono, .helvetica-bd, .helvetica-rg, .muro, .satisfy, .philomene, .AdventPro {
padding-top: 10px;
margin-bottom: -10px;
font-size: 14px;
line-height: 1.5em;
}
.muro-memoire, .qanelas {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.5em;
padding-top: 15px !important;
}
.bad-script, .dosis-imprevu {
font-size: 14px;
line-height: 1.5em;
padding-top: 10px;
}
#button-nukon-1, #button-nukon-2, #button-nukon-3, #button-nukon-5, #button-nukon-4, #button-nukon-6, #button-nukon-9, #button-nukon-7, #button-nukon-10 {
width: 15px;
height: 15px;
}
.paragraphe-web li {
width: 460px;
}
.img-nukon {
width: 100%;
left: -15%;
top: 25%;
}
.img-domo {
width: 100%;
left: -15%;
top: 10%;
}
.img-maquette-nukon, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
height: 366.1px;
width: 590px;
left: 95px;
overflow: auto;
position: relative;
}
.img-festival-2, .img-festival-3 {
left: -25%;
}
.img-festival-1 {
left: -15%;
}
.img-mobil-tadam {
display: none;
}
.btn-fleche {
display: none;
}
.img-memoire, .img-memoire-2 {
position: absolute;
width: 75%;
bottom: 0px;
left: 0px;
}
.img-memoire-1 {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.img-domo-1 {
width: 70%;
position: absolute;
bottom: 60px;
left: 0px;
}
.img-domo-2 {
width: 100%;
position: absolute;
bottom: 60px;
left: -100px;
}
.intentions-domo {
margin-bottom: -46px;
}
.qanelas {
margin-top: 39px !important;
padding-bottom: 10px !important;
}
.color {
margin-top: 25px !important;
}
.btn-rubrique-web, .btn-rubrique-infog, .btn-rubrique-social, .btn-rubrique-photo {
width: 200px !important;
}
p.rupture {
margin-top: -12px;
}
.para-regards {
margin-top: 100px;
}
.outer-wrapper, .parallax-parent {
overflow-x: auto !important;
}
}
/* Ordinateurs portables et grandes tablettes comprises entre 980px et 1100px */
@media all and (min-width: 980px) and (max-width: 1099px) {
h1 {
font-size: 5.5em;
}	
.titre {
top: 180px;
}
.titre-dessous, .titre-dessous-2  {
top: -70px;
left: 17vw;
margin-bottom: 45px;
}
#menu {
font-size: 13px;
}
p {
line-height: 24px;
}
.paragraphe-intro {
top: -20px;
width: 340px;
}
.wrapper-webdesign, .wrapper-print {
background-image: linear-gradient(transparent 23px, rgba(220,220,220) 24px, transparent 24px);
background-size: 70% 24px;
}
/*.btn-intro a, .btn-rubrique-web a, .btn-rubrique-infog a, .btn-rubrique-social a, .btn-rubrique-photo a {
font-size: 18px;
display: block;
text-align: center;
}
.btn-intro, .btn-rubrique-web, .btn-rubrique-infog, .btn-rubrique-photo, .btn-rubrique-social {
top: 25px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}*/
.chiffre-ancre {
font-size: 2.4em;
}
a {
font-size: 13px;
}
#menu-ancre {
left: 4%;
top: 87.5vh;
}
.img-intro {
width: 90%;
}
.img-web {
top: 15%;
}
.img-infog {
top: 0%;
}
.img-social {
top: 30%;
width: 100%;
}
.img-photo {
height: 100vh;
}
.paragraphe-web li {
font-size: 1em;
width: 380px;
line-height: 24px;
}
.paragraphe-web p {
width: 370px;
}
p.rupture {
margin-top: 12px;
}
.titre-slide-web-dessous h1 {
font-size: 45px;
margin-top: 50px;
left: -11vw;
margin-bottom: -100px;
}
.sous-titre-slide-two-dessous {
margin-top: 0px;
}
.sous-titre {
top: 170px;
}
.sous-titre h1 {
font-size: 40px;
}
.intentions {
margin-bottom: 30px;
}
.img-webdesign {
width: 110%;
left: -15%;
top: 10%;
}
.img-tadam {
width: 150%;
left: -30%;
top: 5%;
}
.img-nukon {
width: 100%;
position: relative;
left: -10%;
top: 40%;
}
.img-domo {
width: 100%;
position: relative;
left: 0%;
top: 20%;
}
.intentions-domo {
margin-bottom: -50px;
}
.img-unique-3 {
width: 150%;
left: -40%;
top: 0%;
}
.img-limprevu-3 {
width: 120%;
left: -20%;
top: 25%;
position: relative;
}
.img-unique-2, .img-tadam-2 {
width: 90%;
left: -10%;
top: 25%;
}
.dosis {
font-size: 15px;
}
.dosis-bold {
font-size: 15px;
}
.img-ordi {
width: 800px;
}
.img-maquette, .img-maquette-tadam, .img-maquette-nukon {
left: 97px;
width: 586px;
}
.img-maquette-1, .img-maquette-2, .img-maquette-3, .img-maquette-4, .img-maquette-tadam-1, .img-maquette-tadam-2, .img-maquette-tadam-3, .img-maquette-tadam-4, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
left: 97px;
width: 586px;
}
.scroll {
width: 770px;
top: -485px;
height: 372px;
}
#button-1, #button-2, #button-3, #button-4, #button-tadam-1, #button-tadam-2, #button-tadam-3, #button-tadam-4, #button-nukon-1, #button-nukon-2, #button-nukon-3, #button-nukon-5, #button-nukon-4, #button-nukon-6, #button-nukon-9, #button-nukon-7, #button-nukon-10 {
width: 15px;
height: 15px;
}
#button-1 {
left: 35%;
}
#button-tadam-1, #button-nukon-1 {
left: 46%;
}
#button-4 {
left: 27%;
}
#button-tadam-4 {
left: 36%;
}
#button-2 {
left: 18%;
top: 39%;
}
#button-tadam-2 {
left: 16%;
top: 108%;
}
#button-3 {
left: 62%;
top: 45%;
}
#button-tadam-3 {
left: 71%;
top: 281%;
}
#button-nukon-1 {
left: 82%;
top: 14%;
}
#button-nukon-2 {
left: 25.8%;
top: 15%;
}
#button-nukon-3 {
left: 49.2%;
top: 20.5%;
}
#button-nukon-5 {
left: 82%;
top: 24.3%;
}
#button-nukon-4 {
left: 82.8%;
top: 60.4%;
}
#button-nukon-6 {
left: 82.8%;
top: 81%;
}
#button-nukon-9 {
top: 20.5%;
left: 55.5%;
}
#button-nukon-7 {
top: 20.5%;
left: 69.9%;
}
#button-nukon-10 {
top: 20.5%;
left: 80.2%;
}
.intentions-unique img {
width: 40px;
}
.circle {
width: 40px;
height: 40px;
}
.code-couleur {
margin-top: 50px;
margin-left: 0px;
}
.code-couleur p {
font-size: 14px;
width: 50px;
}
.unna, .raleway, .cutive-mono, .helvetica-rg, .helvetica-bd, .muro, .satisfy, .AdventPro {
padding-top: 10px;
margin-bottom: -10px;
font-size: 13px;
line-height: 1.5em;
}
.philomene, .dosis-imprevu, .bad-script, .muro-memoire, .qanelas {
padding-top: 10px;
font-size: 13px;
line-height: 1.5em;
}
.philomene {
margin-bottom: -10px;
}
.img-tadam-3 {
width: 130%;
left: -20%;
top: 20%;
}
.img-maquette-nukon, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
height: 368px;
width: 590px;
left: 95px;
overflow: auto;
position: relative;
}
.img-festival {
top: 0%;
}
.img-festival-1 {
left: 0%;
width: 95%;
}
.img-festival-2 {
left: -20%;
width: 120%;
top: 10%;
}
.img-festival-3 {
width: 120%;
left: -25%;
top: 10%;
}
.img-limprevu {
top: 30%;
}
.img-limprevu-2 {
width: 90%;
}
.img-mobil-tadam {
display: none;
}
.parallax-parent {
margin-top: 10vh;
}
#title-4 {
top: 50vh;
width: 300px;
}
#title-5 {
top: 60vh;
}
#title-6 {
left: 53%;
top: 60vh;
}
#title-7 {
left: 95%;
top: 50vh;
}
#title-8 {
top: 55vh;
width: 300px;
}
#title-9 {
left: 50%;
top: 71vh;
width: 430px;
}
#title-10 {
left: 70%;
top: 65vh;
}
#title-11 {
left: 60%;
top: 65vh;
}
#title-12 {
top: 65vh;
}
#title-14 {
top: 60vh;
}
#title-15 {
left: 90%;
top: 60vh;
}
#title-16 {
left: 70%;
top: 20vh;
}
#title-17 {
left: 95%;
top: 56vh;
}
#title-18 {
left: 55%;
}
#title-20 {
top: 2vh;
}
#title-3 {
top: 11vh;
}
.btn-fleche {
display: none;
}
.img-memoire, .img-memoire-2 {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.img-memoire-1 {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.img-domo-1 {
width: 70%;
position: absolute;
bottom: 160px;
left: 70px;
}
.img-domo-2 {
width: 100%;
position: absolute;
bottom: 100px;
left: -100px;
}
img#slide {
height: 55vh;
}
#slider {
top: 25%;
}
.color {
margin-top: 30px;
}
.img-limprevu-4 {
width: 100%;
object-fit: cover;
height: 1024px;
}
.dessous-accueil {
left: 20px;
top: -32px;
left: 60px;
}
.outer-wrapper, .parallax-parent {
overflow-x: auto !important;
}
#menu-burger .bar1, #menu-burger .bar2, #menu-burger .bar3 {
background-color: black;
}
}
/* Tablettes comprises entre 480px et 980px */

@media all and (min-width: 480px) and (max-width: 979px) {
.wrapper, .wrapper-webdesign, .wrapper-print {
display: block;
flex-direction: row;
width: 100%;
transform: rotate(0deg) translateY(0vh);
transform-origin: top left;
}
.outer-wrapper {
width: 100%;
height: 100%;
transform: rotate(0deg) translateX(0vh);
transform-origin: top left;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
scrollbar-width: auto;
}
.outer-wrapper {
scrollbar-width: auto;
-ms-overflow-style: auto;
}
::-webkit-scrollbar {
display: auto;
}
.slide {
width: 100vw;
height: 580px;
float: right;
text-align: center;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.titre {
width: 100vw;
top: 100px;
height: 390px !important;
float: right;
display: block;
left: 9vw;
}
.titre-dessus {
top: 30px;
}
h1 {
font-size: 6em;
}
.titre-dessous-2 {
left: 11vw;
top: -130px;
margin-bottom: 70px;
}
.titre-dessous {
left: 11vw;
top: -20px;
}
.paragraphe-intro {
top: 0px;
width: 550px;
}
.img-intro {
width: 60%;
left: 5%;
top: 20%;
}
p {
font-size: 17px;
line-height: 23px;
}
.img-presentation {
top: -2.5vh;
left: 40%;
}
#menu-burger.clicked {
right: 10vw;
}
#menu-burger .bar1, #menu-burger .bar2, #menu-burger .bar3 {
background-color: black;
}
.btn-accueil, .btn-accueil-2, .btn-accueil-3, .btn-accueil-4 {
top: 3vh;
width: 230px;
}
.mentions-mobile {
left: 45%;
}
.body {
margin-left: 10%;
margin-bottom: 10%;
margin-top: 30%;
width: 80%;
}
h2 {
line-height: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
h3 {
font-size: 1.2em;
line-height: 25px;
margin-top: 20px;
margin-bottom: 10px;
}
.img-infog {
width: 63%;
margin: 0 auto;
text-align: center;
position: relative;
display: block;
}
.img-web, .img-webdesign {
width: 85%;
left: -7%;
top: 0%;
}
.img-tadam {
width: 110%;
left: 0%;
top: -10%;
right: 0%;
}
.img-social {
width: 100%;
top: 0%;
left: 0%;
right: 0%;
}
.img-photo {
height: 950px;
width: 100%;
}
.titre-slide-two {
margin-top: -30px;
}
.titre-slide-five {
margin-top: -40px;
}
.titre-slide-three {
margin-top: 50px;
}
#menu-ancre, .mentions {
display: none;
}
.one {
top: 80px;
position: relative;
margin-bottom: 60px;
}
.two {
top: 120px;
position: relative;
}
.three {
top: 200px;
position: relative;
margin-bottom: 130px;
}
.four {
margin-top: 130px;
}
.five {
margin-top: 260px;
}
		.slide-one-bleu, .slide-one-rose, .slide-one-violet, .slide-one-orange, .slide-one-beige, .slide-one-yellow, .slide-one-bleu-imprevu, .slide-one-memoire, .slide-one-domo {
		display: none;
		}
		.slide-tadam {
		top: 40px;
		position: relative;
		}
		.titre-slide-web {
		left: 0vw;
		}
		.titre-slide-web-dessous h1 {
		font-size: 40px;
		top: 0px;
		left: -6vw;
		margin-top: 125px;
		}
		.sous-titre-slide-two {
		margin-top: 10px !important;
		}
		.paragraphe-web li {
		font-size: 17px;
		top: 50px;
		}
		.paragraphe-web {
		top: -60px;
		}
		.paragraphe-web p {
		margin-bottom: -30px;
		width: 460px;
		}
		.sous-titre h1 {
		font-size: 45px;
		}
		.sous-titre {
		width: 100vw;
		top: 50px;
		left: 9vw;
		}
		.sous-titre-tadam {
		top: 100px;
		}
		.intentions {
		margin-bottom: 20px;
		}
		.slide-web {
		margin-top: 30px;
		margin-bottom: 130px;
		}
		.slide-web-2 {
		margin-top: 60px;
		margin-bottom: 40px;
		}
		.slide-web-responsive {
		margin-top: 100px;
		margin-bottom: 130px;
		}
.sous-titre-slide-two-dessous {
margin-top: -20px;
}
		.img-unique-2 {
		top: 0%;
		left: 0%;
		width: 70%;
		}
		.img-tadam-2 {
		top: 0%;
		left: 0%;
		width: 60%;
		}
		.img-tadam-3 {
		width: 100%;
		left: 0%;
		top: 0%;
		}
		.img-unique-3 {
		width: 100%;
		top: 0%;
		text-align: center;
		margin: 0 auto;
		left: -5%;
		}
.img-ordi {
width: 650px;
position: relative;
top: -50%;
}
.img-dessous {
left: 0%;
top: 0%;
position: relative;
display: block;
width: 100%;
}
.color {
width: 100%;
margin-top: 75px;
display: flex;
margin-bottom: -20px;
}
.code-couleur {
margin-top: 60px;
}
.code-couleur p {
font-size: 18px;
margin-left: -5px;
width: 50px;
}
.titre-dessous-tadam {
top: -200px;
margin-top: 210px;
}
.sous-titre-tadam-1 {
top: 150px;
}
.circle {
width: 50px;
height: 50px;
margin-right: 50px;
}
.img-maquette, .img-maquette-tadam, .img-maquette-nukon {
width: 100%;
left: 0%;
}
.img-maquette-1, .img-maquette-2, .img-maquette-3, .img-maquette-tadam-1, .img-maquette-tadam-2, .img-maquette-tadam-3, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
width: 100%;
left: 0%;
}
.img-dessous {
height: 200px;
}
.scroll {
top: -492px;
height: 300px;
width: 496px;
margin: 0 auto;
padding-right: 17px;
text-align: center;
}
.intentions-unique-2 {
top: 100px;
margin-bottom: 40px;
position: relative;
}
.dosis-bold {
margin-top: -20px;
font-size: 19px;
}
.dosis {
margin-top: 40px;
font-size: 19px;
}
.intentions-unique {
margin-bottom: -40px;
}
		#button-1, #button-2, #button-3, #button-4,  #button-tadam-1,  #button-tadam-2,  #button-tadam-3,  #button-tadam-4, #button-nukon-1,  #button-nukon-2,  #button-nukon-3,  #button-nukon-4, #button-nukon-5, #button-nukon-6, #button-nukon-7, #button-nukon-8, #button-nukon-9, #button-nukon-10  {
		width: 10px;
		height: 10px;
		}
		#button-1 {
		left: 30%;
		}
		#button-tadam-1 {
		left: 45.5%;
		top: 8%;
		}
		#button-4  {
		left: 19%;
		}
		#button-tadam-4 {
		left: 31.5%;
		top: 8%;
		}
		#button-2 {
		left: 7%;
		top: 39%;
		}
		#button-tadam-2 {
		left: 4.9%;
		top: 108%;
		}
		#button-3 {
		left: 63%;
		top: 50%;
		}
		#button-tadam-3 {
		left: 76%;
		top: 279%;
		}
		#button-nukon-1, #button-nukon-4, #button-nukon-5, #button-nukon-6 {
		left: 89%;
		}
		#button-nukon-2 {
		left: 17%;
		top: 15%;
		}
		#button-nukon-9 {
		left: 55%;
		}
		#button-nukon-7 {
		left: 73%;
		}
		#button-nukon-10 {
		left: 86%;
		}
		.intentions-unique img {
		margin-top: 50px;
		width: 50px;
		margin-bottom: 50px;
		}
		.intentions-tadam-2 {
		top: 120px;
		position: relative;
		}
		.technique {
		margin-top: 0px;
		}
.slide-tadam {
top: 260px;
margin-bottom: 230px;
}
.intentions-tadam, .intentions-nukon  {
margin-bottom: 15px;
}
.unna, .raleway, .cutive-mono, .helvetica-rg, .helvetica-bd, .muro, .satisfy, .bad-script, .philomene, .muro-memoire, .AdventPro {
padding-top: 10px;
margin-top: 40px;
margin-bottom: -10px;
font-size: 19px;
line-height: 1.5em;
}
.dosis-imprevu {
margin-top: 40px !important;
}
.slide-tadam-1 {
top: 200px;
position: relative;
}
.slide-tadam-2 {
top: 170px;
position: relative;
margin-bottom: 80px;
}
.slide-tadam-3 {
top: 160px;
position: relative;
}
.titre-tadam {
top: 180px;
}
.seven {
background-color: #F2E332;
position: relative;
}
.titre-nukon {
top: 210px;
}
.slide-nukon {
top: 380px;
margin-bottom: 400px;
}
.slide-nukon-1 {
top: 150px;
margin-bottom: 180px;
}
.slide-nukon-3 {
top: 50px;
margin-bottom: 90px;
}
.img-nukon {
width: 100%;
left: -5%;
top: 0%;
}
.img-domo {
width: 80%;
text-align: center;
margin: 0 auto;
left: 0%;
right: 0%;
top: 0%;
 bottom: 0%;
}
.slide-nukon-2 {
top: 60px;
margin-bottom: 90px;
}
.img-maquette-nukon, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
height: 298px;
}
.img-festival {
width: 60%;
top: 0%;
}
.img-festival-1 {
width: 59%;
top: 0%;
left: 0%;
}
.slide-festival {
top: 150px;
position: relative;
margin-bottom: 160px;
}
.rupture {
top: 60px;
}
.slide-festival-1 {
top: 210px;
}
.slide-festival-2 {
top: 260px;
margin-bottom: 280px;
}
.color-festival {
top: 20px;
position: relative;
}
.img-festival-2 {
width: 90%;
left: -5%;
top: 0%;
}
.img-festival-3 {
width: 90%;
top: -5%;
left: 0%;
}
p.typo {
margin-top: 65px;
margin-bottom: 50px !important;
}
p.color-festival {
margin-bottom: -30px !important;
margin-top: 10px;
}
.slide-festival-3 {
top: 100px;
}
.imprevu {
margin-top: -130px;
margin-bottom: -150px;
}
.img-limprevu {
left: 0% !important;
top: 0% !important;
}
.img-limprevu-2 {
width: 90%;
position: relative;
top: 0%;
left: 0% !important;
}
.img-limprevu-3 {
width: 100%;
top: 0% !important;
left: 0% !important;
}
.titre-memoire {
margin-top: 140px;
margin-bottom: 90px;
}
.slide-domo {
top: 20px;
margin-bottom: 200px;
position: relative;
}
.slide-memoire-1 {
top: 160px;
margin-bottom: 200px;
position: relative;
}
img#slide {
margin: 0 auto;
height: 47vh;
}
#slider {
width: 59%;
align-items: center;
top: 0vw;
}
.slide-memoire {
margin-bottom: 30px;
}
.slide-memoire-2 {
margin-top: 160px;
margin-bottom: 30px;
}
.slide-memoire-3 {
top: 80px;
position: relative;
margin-bottom: -100px;
}
.img-mobil-tadam {
display: none;
}
.parallax-child {
left: 0% !important;
top: 0% !important;
width: 100% !important;
transform: rotate(0deg) translateY(0vh);
transform-origin: top left;
padding: 0px;
}
.parallax-parent {
top: 0% !important;
width: 100% !important;
height: 100% !important;
transform: rotate(0deg) translateY(0vh);
transform-origin: top left;
}
.parallax-child-container {
text-align: left;
width: 100%;
height: none !important;
}
.viewport {
width: 100% !important;
height: none !important;
}
.img-photo-1, .img-photo-2, .img-photo-3, .img-photo-4, .img-photo-5, .img-photo-6, .img-photo-7, .img-photo-8, .img-photo-9, .img-photo-10, .img-photo-11, .img-photo-12, .img-photo-13, .img-photo-14, 
.img-photo-15, .img-photo-16, .img-photo-17, .img-photo-18, .img-photo-19, .img-photo-20 {
width: 100%;
}
#title-1 {
top: 13vh;
left: 50%;
}
#title-2 {
left: 15%;
top: 35vh;
}
#title-3 {
left: 45%;
top: 5vh;
}
.img-photo-4 {
margin-top: 0px;
}
#title-4 {
left: 57%;
top: 32vh;
width: 290px;
text-align: center;
}
#title-5 {
left: 8%;
top: 45vh;
}
#title-6 {
left: 6%;
top: 44vh;
}
#title-7 {
left: 10%;
top: 43vh;
}
#title-8 {
left: 5%;
top: 45vh;
width: 320px;
text-align: center;
}
#title-9 {
left: 4%;
top: 50vh;
text-align: center;
}
#title-10 {
left: 50%;
top: 30vh;
}
#title-11 {
left: 48%;
top: 35vh;
}
#title-12 {
left: 50%;
top: 0vh;
}
#title-13 {
left: 30%;
top: 50vh;
}
#title-14 {
left: 40%;
top: 50vh;
}
#title-15 {
left: 49%;
top: 50vh;
}
#title-16 {
left: 38%;
top: 15vh;
}
#title-17 {
left: 30%;
top: 10vh;
}
#title-18 {
left: 20%;
top: 10vh;
}
#title-19 {
left: 2%;
top: 0vh;
text-align: center;
}
#title-20 {
left: 20%;
top: 0vh;
}

.parallax-child-container:nth-of-type(1) {
	top: 20vw;
	}
	.parallax-child-container:nth-of-type(2) {
	top: 120vw;
	}
	.parallax-child-container:nth-of-type(3) {
	top: 220vw;
	}
	.parallax-child-container:nth-of-type(4) {
	top: 320vw;
	}
	.parallax-child-container:nth-of-type(5) {
	top: 420vw;
	}
	.parallax-child-container:nth-of-type(6) {
	top: 520vw;
	}
	.parallax-child-container:nth-of-type(7) {
	top: 620vw;
	}
	.parallax-child-container:nth-of-type(8) {
	top: 720vw;
	}
	.parallax-child-container:nth-of-type(9) {
	top: 820vw;
	}
	.parallax-child-container:nth-of-type(10) {
	top: 920vw;
	}
	.parallax-child-container:nth-of-type(11) {
	top: 1020vw;
	}
	.parallax-child-container:nth-of-type(12) {
	top: 1120vw;
	}
	.parallax-child-container:nth-of-type(13) {
	top: 1220vw;
	}
	.parallax-child-container:nth-of-type(14) {
	top: 1320vw;
	}
	.parallax-child-container:nth-of-type(15) {
	top: 1420vw;
	}
	.parallax-child-container:nth-of-type(16) {
	top: 1520vw;
	}
	.parallax-child-container:nth-of-type(17) {
	top: 1620vw;
	}
	.parallax-child-container:nth-of-type(18) {
	top: 1720vw;
	}
	.parallax-child-container:nth-of-type(19) {
	top: 1820vw;
	}
	.parallax-child-container:nth-of-type(20) {
	top: 1920vw;
	}
.btn-fleche {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
right: 20px;
bottom: 20px;
cursor: pointer;
z-index: 99999;
}
.icone-fleche {
width: 50px;
}
.img-memoire, .img-memoire-2 {
position: absolute;
width: 75%;
bottom: 0px;
left: 0px;
}
.img-memoire-1 {
position: absolute;
width: 100%;
bottom: 0px;
Left: 0px;
}
.img-domo-1 {
width: 50%;
position: absolute;
bottom: 0px;
left: 0%;
right: 0%;
margin: 0 auto;
top: 0%;
}
.img-domo-2 {
width: 70%;
position: absolute;
bottom: 0px;
left: 0%;
top: 0%;
right: 0%;
margin: 0 auto;
}
.slide-camping {
margin-top: 280px;
margin-bottom: 270px;
}
}

/* Petits Smartphones de moins de 480px */
@media all and (max-width: 479px) {
.wrapper, .wrapper-webdesign, .wrapper-print {
display: block;
flex-direction: row;
width: 100%;
transform: rotate(0deg) translateY(0vh);
transform-origin: top left;
}
.outer-wrapper {
width: 100%;
height: 100%;
transform: rotate(0deg) translateX(0vh);
transform-origin: top left;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
scrollbar-width: auto;
}
.outer-wrapper {
scrollbar-width: auto;
-ms-overflow-style: auto;
}
::-webkit-scrollbar {
display: auto;
}
.slide {
width: 100vw;
height: 400px;
float: right;
text-align: center;
margin-top: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.titre {
width: 100vw;
top: 100px;
height: 390px !important;
float: right;
display: block;
left: 9vw;
}
h1 {
font-size: 3.2em;
}
.titre-dessous-2 {
left: 11vw;
top: -140px;
margin-bottom: 30px;
}
.titre-dessus {
top: 15px;
}
.titre-dessous {
left: 17vw;
top: -10px;
margin-bottom: 85px;
}
.paragraphe-intro {
top: -80px;
width: 260px;
}
.img-intro {
width: 75vw;
left: 0%;
}
.img-presentation {
left: 30%;
top: 1vh;
width: 60%;
}
p {
font-size: 17px;
line-height: 24px;
}
.btn-intro a, .btn-rubrique-web a, .btn-rubrique-infog a, .btn-rubrique-social a, .btn-rubrique-photo a {
font-size: 18px;
}
.btn-intro {
width: 130px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-top: 115px;
}
#menu-burger.clicked {
right: 10vw;
}
#menu-burger .bar1, #menu-burger .bar2, #menu-burger .bar3 {
background-color: black;
}
/*.btn-rubrique-web, .btn-rubrique-infog, .btn-rubrique-social, .btn-rubrique-photo {
top: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-top: -50px;
}*/
.btn-accueil, .btn-accueil-2, .btn-accueil-3, .btn-accueil-4 {
top: -60px;
padding: 10px 20px;
width: 200px;
}
.img-infog {
width: 75vw;
margin: 0 auto;
text-align: center;
position: relative;
display: block;
}
.img-web, .img-webdesign {
width: 100vw;
top: 0px;
left: -7%;
right: 0%;
}
.img-tadam {
width: 110%;
left: 0%;
top: 0%;
right: 0%;
}
.img-social {
width: 100vw;
top: 0%;
left: 0%;
right: 0%;
}
.img-photo {
height: 560px;
width: 100%;
}
.titre-slide-two, .titre-slide-three, .titre-slide-four, .titre-slide-five {
margin-top: -30px;
}
#menu-ancre, .mentions {
display: none;
}
.two, .four, .three {
margin-top: 90px;
}
.four {
margin-top: 70px;
}
.five {
margin-top: 110px;
}
.three {
height: 420px;
}
.slide-one-bleu, .slide-one-rose, .slide-one-violet, .slide-one-orange, .slide-one-beige, .slide-one-yellow, .slide-one-bleu, .slide-one-bleu-imprevu, .slide-one-memoire, .slide-one-domo {
display: none;
}
.slide-tadam {
top: 40px;
position: relative;
}
.titre-slide-web {
left: 0vw;
}
.titre-slide-web-dessous h1 {
font-size: 25px;
top: 0px;
left: -6vw;
margin-top: 149px;
}
.slide-web-2 {
margin-top: 140px;
}
.paragraphe-web li {
font-size: 17px;
top: 55px;
width: 90%;
line-height: 24px;
}
.paragraphe-web {
top: -60px;
width: 90%;
}
.paragraphe-web p {
margin-bottom: -30px;
width: 90%;
}
.sous-titre h1 {
font-size: 30px;
}
.sous-titre {
width: 100vw;
top: 50px;
left: 9vw;
}
.sous-titre-tadam {
top: 100px;
}
.intentions {
margin-bottom: 20px;
}
.slide-web {
margin-top: 120px;
}
.slide-web-responsive {
margin-top: 90px;
}
.sous-titre-slide-two-dessous {
margin-top: -10px;
}
.img-unique-2 {
top: 0%;
left: 0%;
}
.img-tadam-2 {
top: 0%;
left: 0%;
}
.img-tadam-3 {
width: 110%;
left: 0%;
top: 0%;
}
.img-unique-3 {
width: 100%;
top: 0%;
text-align: center;
margin: 0 auto;
left: 0%;
}
.img-limprevu-3 {
width: 100%;
left: -30%;
top: 0%;
position: relative;
}
.img-ordi {
width: 315.5px;
}
.img-dessous {
left: 0%;
top: 18%;
position: relative;
display: block;
width: 100%;
}
.color {
width: 100%;
margin-top: 50px;
display: flex;
margin-bottom: -20px;
}
.code-couleur {
margin-top: 50px;
}
.code-couleur p {
font-size: 13px;
margin-left: -10px;
width: 50px;
margin-top: -10px;
}
.titre-dessous-tadam {
top: -145px;
margin-bottom: 50px;
}
.sous-titre-tadam-1 {
top: 150px;
}
.circle {
width: 35px;
height: 35px;
margin-right: 25px;
}
.img-maquette, .img-maquette-tadam, .img-maquette-nukon {
width: 100%;
left: 0%;
}
.img-maquette-1, .img-maquette-2, .img-maquette-3, .img-maquette-tadam-1, .img-maquette-tadam-2, .img-maquette-tadam-3, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
width: 100%;
left: 0%;
}
.img-dessous {
height: 200px;
display: none;
}
.scroll {
top: -193px;
height: 147px;
width: 232px;
margin: 0 auto;
padding-right: 8.5px;
text-align: center;
}
.intentions-unique-2 {
margin-top: 50px;
margin-bottom: 40px;
}
.dosis-bold {
margin-top: 50px;
font-size: 17px;
}
.dosis {
margin-top: 40px;
font-size: 14px;
}
#button-1, #button-2, #button-3, #button-4,  #button-tadam-1,  #button-tadam-2,  #button-tadam-3,  #button-tadam-4, #button-nukon-1,  #button-nukon-2,  #button-nukon-3,  #button-nukon-4, #button-nukon-5, #button-nukon-6, #button-nukon-7, #button-nukon-8, #button-nukon-9, #button-nukon-10 {
width: 10px;
height: 10px;
}
#button-1 {
left: 27.5%;
top: 4%;
}
#button-tadam-1 {
left: 42.5%;
top: 10%;
position: relative;
}
#button-4  {
left: 17.4%;
top: 4%;
}
#button-tadam-4 {
left: 29.9%;
top: 10%;
position: relative;
}
#button-2 {
left: 5%;
top: 37%;
}
#button-tadam-2 {
left: 3.5%;
top: 110%;
}
#button-3 {
left: 63%;
top: 50%;
}
#button-tadam-3 {
left: 73.5%;
top: 282%;
}
.intentions-unique img {
margin-top: 50px;
width: 40px;
margin-bottom: 30px;
margin-right: 10px;
}
.intentions-tadam-2 {
top: 50px;
position: relative;
}
.technique {
margin-top: 0px;
}
.slide-tadam {
margin-top: 190px;
margin-bottom: 20px;
position: relative;
}
.slide-tadam-1 {
top: 90px;
margin-bottom: 50px;
position: relative;
}
.unna, .raleway, .cutive-mono, .helvetica-bd, .helvetica-rg, .muro, .satisfy, .philomene, .bad-script, .dosis-imprevu, .muro-memoire, .AdventPro, .qanelas {
padding-top: 10px;
margin-top: 40px;
margin-bottom: -10px;
font-size: 14px;
line-height: 1.5em;
}
.slide-tadam-2 {
top: 100px;
position: relative;
}
.slide-tadam-3 {
top: 160px;
position: relative;
margin-bottom: 120px;
}
.slide-nukon {
margin-top: 300px;
margin-bottom: 30px;
}
.img-nukon, .img-domo {
width: 100%;
left: 0%;
margin: 0 auto;
text-align: center;
}
.img-nukon {
top: 0%;
}
.slide-nukon-1 {
top: 50px;
margin-bottom: 70px;
}
.slide-nukon-2 {
top: 70px;
margin-bottom: 80px;
}
.img-maquette-nukon, .img-maquette-nukon-1, .img-maquette-nukon-2, .img-maquette-nukon-3, .img-maquette-nukon-4, .img-maquette-nukon-5 {
height: 145px;
}
#button-nukon-1 {
top: 13%;
}
#button-nukon-4 {
top: 60%;
}
#button-nukon-3 {
left: 47%;
top: 20%;
}
#button-nukon-5 {
top: 24%;
}
#button-nukon-6 {
top: 80%;
}
#button-nukon-2 {
top: 13%;
left: 20%;
}
#button-nukon-9 {
top: 20%;
left: 54%;
}
#button-nukon-7 {
top: 20%;
left: 72.5%;
}
#button-nukon-10 {
top: 20%;
left: 85.2%;
}
.slide-festival {
top: 40px;
position: relative;
margin-bottom: 60px;
margin-top: 130px;
}
.rupture {
top: 60px;
}
.slide-festival-1 {
top: 120px;
margin-bottom: 140px;
position: relative;
}
.img-festival-1 {
width: 300px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0%;
}
.color-festival {
top: 20px;
line-height: 1.3em;
margin-bottom: -10px !important;
}
.slide-festival-2 {
top: 0%;
position: relative;
margin-bottom: 20px;
margin-top: 130px;
}
.img-festival-2 {
width: 100%;
left: 0%;
position: relative;
top: 0%;
}
.img-festival-3 {
width: 100%;
left: 0%;
top: 0%;
}
p.typo {
margin-top: 55px;
margin-bottom: 50px !important;
}
.imprevu {
margin-bottom: -250px;
}
.img-limprevu {
width: 70%;
position: relative;
top: 0%;
left: 0%;
}
.img-limprevu-2 {
width: 100%;
left: 0%;
top: 0%;
}
.img-limprevu-3 {
left: 0%;
}
#logo img {
left: 25px !important;
top: 15px !important;
}
.slide-memoire-1 {
top: 50px;
position: relative;
margin-bottom: 70px;
}
.slide-memoire-2 {
margin-top: 130px;
}
.slide-memoire-3 {
margin-top: 80px;
margin-bottom: -30px;
}
.img-nukon {
width: 80%;
}
.img-domo {
width: 100%;
top: 0%;
left: 0%;
}
.unna, .helvetica-bd, .dosis-bold {
margin-top: -20px !important;
}
.titre-tadam {
 margin-top: -50px;
}
.img-mobil-tadam {
display: block;
position: relative;
width: 100%;
}
.img-mobil-tadam img {
width: 290px;
position: relative;
}
.parallax-child {
	left: 0% !important;
	top: 0% !important;
	width: 100% !important;
	transform: rotate(0deg) translateY(0vh);
	transform-origin: top left;
	padding: 0px;
	}
	.parallax-parent {
	top: 0% !important;
	width: 100% !important;
	height: 100% !important;
	transform: rotate(0deg) translateY(0vh);
	transform-origin: top left;
	}
	.parallax-child-container {
	text-align: left;
	width: 100%;
	height: none !important;
	}
	.viewport {
	width: 100% !important;
	height: none !important;
	}
	.img-photo-1, .img-photo-2, .img-photo-3, .img-photo-4, .img-photo-5, .img-photo-6, .img-photo-7, .img-photo-8, .img-photo-9, .img-photo-10, .img-photo-11, .img-photo-12, .img-photo-13, .img-photo-14, 
	.img-photo-15, .img-photo-16, .img-photo-17, .img-photo-18, .img-photo-19, .img-photo-20 {
	width: 100%;
	}
	#title-1 {
	top: 13vh;
	left: 50%;
	}
	#title-2 {
	left: 15%;
	top: 35vh;
	}
	#title-3 {
	left: 45%;
	top: 5vh;
	}
	.img-photo-4 {
	margin-top: 0px;
	}
	#title-4 {
	left: 57%;
	top: 32vh;
	width: 290px;
	text-align: center;
	}
	#title-5 {
	left: 8%;
	top: 45vh;
	}
	#title-6 {
	left: 6%;
	top: 44vh;
	}
	#title-7 {
	left: 10%;
	top: 43vh;
	}
	#title-8 {
	left: 5%;
	top: 45vh;
	width: 320px;
	text-align: center;
	}
	#title-9 {
	left: 4%;
	top: 50vh;
	text-align: center;
	}
	#title-10 {
	left: 50%;
	top: 30vh;
	}
	#title-11 {
	left: 48%;
	top: 35vh;
	}
	#title-12 {
	left: 50%;
	top: 0vh;
	}
	#title-13 {
	left: 30%;
	top: 50vh;
	}
	#title-14 {
	left: 40%;
	top: 50vh;
	}
	#title-15 {
	left: 49%;
	top: 50vh;
	}
	#title-16 {
	left: 38%;
	top: 15vh;
	}
	#title-17 {
	left: 30%;
	top: 10vh;
	}
	#title-18 {
	left: 20%;
	top: 10vh;
	}
	#title-19 {
	left: 2%;
	top: 0vh;
	text-align: center;
	}
	#title-20 {
	left: 20%;
	top: 0vh;
	}
.parallax-child h1 {
font-size: 1.5em;
}
.parallax-child-container:nth-of-type(1) {
top: 20vw;
}
.parallax-child-container:nth-of-type(2) {
top: 120vw;
}
.parallax-child-container:nth-of-type(3) {
top: 220vw;
}
.parallax-child-container:nth-of-type(4) {
top: 320vw;
}
.parallax-child-container:nth-of-type(5) {
top: 420vw;
}
.parallax-child-container:nth-of-type(6) {
top: 520vw;
}
.parallax-child-container:nth-of-type(7) {
top: 620vw;
}
.parallax-child-container:nth-of-type(8) {
top: 720vw;
}
.parallax-child-container:nth-of-type(9) {
top: 820vw;
}
.parallax-child-container:nth-of-type(10) {
top: 920vw;
}
.parallax-child-container:nth-of-type(11) {
top: 1020vw;
}
.parallax-child-container:nth-of-type(12) {
top: 1120vw;
}
.parallax-child-container:nth-of-type(13) {
top: 1220vw;
}
.parallax-child-container:nth-of-type(14) {
top: 1320vw;
}
.parallax-child-container:nth-of-type(15) {
top: 1420vw;
}
.parallax-child-container:nth-of-type(16) {
top: 1520vw;
}
.parallax-child-container:nth-of-type(17) {
top: 1620vw;
}
.parallax-child-container:nth-of-type(18) {
top: 1720vw;
}
.parallax-child-container:nth-of-type(19) {
top: 1820vw;
}
.parallax-child-container:nth-of-type(20) {
top: 1920vw;
}
#title-1 {
top: 10vh;
}
#title-4 {
left: 27%;
top: 38vh;
width: 140px;
}
#title-5 {
top: 35vh;
}
#title-6 {
top: 38vh;
}
#title-7 {
left: 4%;
top: 33vh;
}
#title-8 {
top: 38vh;
}
#title-9 {
top: 38vh;
width: 200px;
}
#title-10 {
left: 44%;
top: 34vh;
}
#title-11 {
left: 31%;
top: 35vh;
}
#title-13 {
top: 40vh;
}
#title-14 {
top: 38vh;
}
#title-15 {
top: 38vh;
}
#title-16 {
left: 36%;
top: 39vh;
}
#title-17 {
left: 10%;
top: 36vh;
}
#title-19 {
width: 200px;
}
.btn-fleche {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
right: 20px;
bottom: 20px;
cursor: pointer;
z-index: 99999;
}
.icone-fleche {
width: 50px;
}
img.img-memoire, .img-memoire-1, .img-memoire-2 {
position: absolute;
width: 100%;
bottom: 0px;
}
.img-domo-1 {
width: 270px;
bottom: 0px;
left: 0%;
right: 0%;
top: 0%;
margin: 0 auto;
}
.img-domo-2 {
width: 90%;
bottom: 0px;
left: 0%;
top: 0%;
}
.slide-camping {
margin-top: 100px;
margin-bottom: 190px;
}
.img-limprevu-4 {
height: 560px;
object-fit: cover;
}
.para-regards {
margin-top: 70px;
}
.intentions-domo {
margin-bottom: 90px;
}
img#slide {
height: 40vh;
}
.qanelas {
padding-bottom: 10px !important;
}
.body {
margin-left: 10%;
margin-bottom: 10%;
margin-top: 30%;
width: 80%;
}
h2 {
line-height: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
h3 {
font-size: 1.2em;
line-height: 25px;
margin-top: 20px;
margin-bottom: 10px;
}
.p-web-1 {
margin-top: 60px;
}
}